    <style>
    .bottom {
        background: #fff none repeat scroll 0 0;
        border-top: 1px solid #dde1ea;
        bottom: 0;
        height: 55px;
        left: 0;
        padding-top: 8px;
        position: fixed;
        width: 100%;
    }
    .bottom ul li {
        float: left;
        font-size: 16px;
        text-align: center;
        width: 33%;
    }
    .bottom ul li p {
        line-height: 30px;
    }
    .bottom ul li a {
        color: #3e3e3e;
        display: block;
    }
    .bottom ul li a#active {
        color: #2cad18;
    }
    </style>
<div class="bottom" style="z-index:999;">
	<ul>
		<li>
			<a href="{:U('Index/index')}" id="active1">
				<i class="fa fa-book fa-lg" aria-hidden="true" ></i>
				<p>通讯录</p>
			</a>
		</li>
		<li>
			<a href="{:U('Article/index',array('id'=>12))}" id="active3">
				<i class="fa fa-bell fa-lg" aria-hidden="true" style="/* color:#cdcdcd;*/ "></i>
				<p>通知公告</p>
			</a>
		</li>
		<li>
			<a href="{:U('Index/myself',array('id'=>$uid))}" id="active4">
				<i class="fa fa-user fa-lg" aria-hidden="true" style="/* color:#cdcdcd;*/ "></i>
				<p>个人中心</p>
			</a>
		</li>
	</ul>
</div>
<include file="Public/phone"/>

<div style="position:fixed; right:5px; z-index:1; bottom:15%;" id="mincode">
	<img src="__PUBLIC__/Home/images/dwgz.png" style="width:110px;z-index:22;">
</div>

<div style="position:fixed; display:none; left:0; top:0; width:100%; height:100%; padding-top:5%; opacity:0.9; background:#000;text-align:center;z-index:9999999999999999999;" id="code">
	<h1 style="line-height:90px; color:#fff; font-size:27px;">长按关注 "苗木通讯录"<h1>
	<img src="__PUBLIC__/Home/images/code.jpg" style="width:90%;">
	<h3 style="line-height:35px; color:#fff; font-size:18px;">
		<a href="http://huiyouzan.com/" style="color:#fff;">技术支持：汇友科技</a><br/>
		<a href="tel:0431-81668165" style="color:#fff;">电话：135-7893-1661</a>
	</h3>
</div>

<script>
$(function() {
	/**/
	$('#mincode').click(function() {
		$('#code').show();
	});
	$('#code').click(function() {
		$('#code').hide();
	});
	/**/
	//alert();
});
/*
var div = document.getElementById('mincode');
div.addEventListener('touchmove', function(event) {
	event.preventDefault();
	if (event.targetTouches.length == 1) {
		var touch = event.targetTouches[0];  // 把元素放在手指所在的位置
		var x = touch.clientX-50;
		var y = touch.clientY-50;
		var checky = $(window).height();
		var checkx = $(window).width();
		checky = checky-80;
		checkx = checkx-80;
		if((x>0 && x<checkx) && (y>0 && y<checky)) {
			//alert(checky);
			div.style.left = x + 'px';
			div.style.top = y + 'px';
		} else {
			//alert(checky+"#"+y);
		}
		//div.style.background = "green";
	}
}, false);
*/
</script>
